/*改变placeholder的字体颜色*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #040000; opacity:1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #040000;opacity:1;
}

input:-ms-input-placeholder{
    color: #040000;opacity:1;
}

input::-webkit-input-placeholder{
    color: #040000;opacity:1;
}


html{
    height: 100%;
    width: 100%;
    background: url("../img/login_bg.png") no-repeat;
   /* -webkit-background-size: 100%;
    background-size: 100%;*/
    -webkit-background-size: cover;
    background-size: cover;
}

.layer{
    height: 100%;
    width:100%;
    overflow: hidden;
    box-sizing: border-box;
}
.box{
    margin-top: 36%;
    width: 100%;
    text-align: center;
}
.username input,.password input{
    background-color: rgba(0,0,0,0);
    font-size: 0.38rem;
    vertical-align: middle;
    width: 50%;
    padding-bottom: 0.1rem;
    margin-left: 0.1rem;
    display: inline-block;
    color: #040000;
    left:15%;

}
.username,.password{
    height: 1rem;
    line-height: 1rem;
    width: 80%;
    left: 11%;
    position: relative;
    border-bottom:2px solid #9a9999;
}

.username input{
    margin-top: -0.3rem;
    width: 70%;
    display: block;
    position: relative;


}
.username span,.password span{
    background: url("../img/mine.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size:100%;
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
   position: absolute;
    border-radius: 50%;
    left: 0%;
}
.password{
    margin-top: 0.8rem;
}
.password span {
    background-size: 90%;
    background-image: url("../img/pwd.png");
}
.password input{
  margin-top: -0.5rem;
    width: 70%;
    display: block;
    position: relative;

}
.login_Button{
    display: block;
    width: 80%;
    height: 0.8rem;
    line-height:0.28rem;
    position: relative;
    left:10%;
    padding:0.2rem 0;
    border-radius:15px;
    color:#fff;
    font-size: 0.34rem;
    margin-top: 0.3rem;
    background-color: #1b7fc4;
    
}
.pwd_user{
    position: relative;
    font-size: 0.3rem;
    color:#040000;
    width: 100%;
    height: 1rem;
    line-height: 1rem;

}
.register_Button{
    background: none;
    position: absolute;
    left: 12%;
    top: 5%;
    line-height: 1rem;
    font-size: 0.3rem;
    color:#040000;
 }
.forget_password{
    position: absolute;
    right: 7%;
    top: 5%;
    font-size: 0.3rem;
    color:#040000;
}
.footer{
    width: 80%;
    position: relative;
    left:0%;
    color:#fff;
   /* margin:0 auto;*/
    margin-top: 0.3rem;
}
.remember{
    position: relative;
    left: -25%;
}
.remember input{
    /*background-color: rgba(0, 0, 0, 0);
    position: relative;
    left:0%;*/
    color:#fff;
    vertical-align: middle;
}
/*.remember :before{
    width: 0.15rem;
    height: 0.15rem;
    content:"";
    position: absolute;
    left:35%;
    top: 5%;
    background-color:#adadb1;
}*/
.footer p{
    position: absolute;
    right: -10%;
    top: 0;
}

/*label {
    position: relative;
    cursor: pointer;
}
label input {
    cursor: pointer;
}

input:checked  {
    background: #ec6337;
}

.show-box {
    position: absolute;
    top: 0;
    left: 36%;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 2px;
    border: 1px solid #fff;
    background: #adadb1;
/!*!/ / 这里取个巧，与下面颜色一样而已*!/
}
.show-box :before {
/!*!// 使用了 absolute 所以无所谓是 before 还是 after*!/
    content: ''; /!*!// 空白内容占位，当做盒模型处理，见下面*!/
    position: absolute;
    top: 0.02%;
    left: 36%;
    width: 0.18rem; /!*!// 勾的短边*!/
    height:0.18rem;/!* // 勾的长边*!/
    border: solid #000;/!* // 勾的颜色*!/
    border-width: 0 0.1rem 0.1rem 0; /!*!// 勾的宽度*!/
    transform: rotate(45deg); /!*!// 定制宽高加上旋转可以伪装内部的白色勾*!/
}*/
.third_login{
    width: 100%;
    position: relative;
    left: 15%;
    height: 0.4rem;
    line-height: 0.4rem;
}
.third_login span:first-of-type{
    position: absolute;
    left: 7%;
    top: 0%;
    background:url("../img/line_03.png") center;
    -webkit-background-size: 100%;
    background-size: 100%;
    width: 27%;
    height: 100%;
}
.third_login span:last-of-type{
    position: absolute;
    right: 7%;
    top: 0%;
    background:url("../img/line_03.png") center;
    -webkit-background-size: 100%;
    background-size: 100%;
    width: 27%;
    height: 100%;
}
.third_login i{
    position: absolute;
    left: 50%;
    height: 100%;
    width: 2rem;
    color:#040000;
    transform: translateX(-50%);
}
.link{
    margin-top: 0.5rem;
    position: relative;
    left: 15%;

}
.link img{
    width: 12%;
    margin-right: 0.2rem;
}